/* Left & Right alignment */
.left {
	float: left;
}

.right {
	float: right;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}
/* Global properties ======================================================== */
.glob {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

body {
	font-family: "Times New Roman", serif;
	color: #000;
	background: #000;
	line-height: 20px;
	min-width: 1000px;
	min-height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* Global Structure ========================================================= */
.main {
	margin: 0px auto 0 auto;
	width: 976px;
	z-index: 2;
	height: 100%;
}

.page_spinner {
	position: fixed;
	background: url(../images/loader.gif) 50% 50% no-repeat #000;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

#glob {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
/* ============================= main layout ================================ */
a {
	color: #fff;
	text-decoration: none;
	outline: none;
	font-size: 14px;
}

a:hover {
	text-decoration: underline
}

h1 {
	float: left;
}

h2 {
	color: #c1c1c1;
	font-size: 50px;
	line-height: 40px;
	width: 100%;
	padding-bottom: 22px;
	font-weight: 400;
}

h3 {
	color: #c1c1c1;
	font-size: 32px;
	font-style:italic;
	line-height:32px;
	width: 100%;
	padding-bottom: 22px;
	font-weight: 400;
	text-align: right;
}

h3>a {
	color: #bfbfbf;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-family: "Times New Roman", serif;
}

p {
	font-family: "Times New Roman", serif;
	padding-bottom: 18px;
	font-size: 14px;
	color: #717171;
	line-height: 22px;
}

.undLineOff {
	text-decoration: none;
}

.textLowerCase {
	text-transform: lowercase
}

.textUpperCase {
	text-transform: uppercase
}

.center {
	padding: 0;
	width: 100%;
	position: relative;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}
/* ============================= header ===================================== */
header {
	position: relative;
	z-index: 1;
	display: inline-block;
}

#logo {
	display: inline-block;
	background: url(../images/logo.png) 0 0 no-repeat;
	width: 161px;
	height: 157px;
	text-indent: -9999px;
}

#logo:hover {
	text-decoration: none;
}

.logoHolder {
	display: inline-block;
	position: relative;
	margin: 0 0 0 33px;
}

.headerHolder {
	position: relative;
	width: 100%;
	height: 145px;
	z-index: 3;
	background: url(../images/extra2.png) 0 0 no-repeat;
}

.slogan {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -1px;
}

.menu {
	position: relative;
	z-index: 1;
	display: block;
}

.menuHolder {
	float: right;
	display: inline-block;
	position: relative;
	z-index: 3;
	margin-top: 40px;
	margin-right: 40px;
}

#menu {
	z-index: 3;
	position: relative;
}

#menu>li {
	position: relative;
	display: inline-block;
	color: white;
	background: url(../images/extra4.png) 100% 0 no-repeat;
	text-align: center;
	padding-right: 34px;
	margin-left: 30px;
}

#menu>li>a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-align: center;
}

#menu>li>a:hover {
	text-decoration: none;
}

#menu>li.active>a {
	text-decoration: none;
}

#menu .bgNone {
	background: none;
}

.submenu_1 {
	position: absolute;
	z-index: 2;
	top: 106px;
	left: -16px;
	display: block;
	background: #191919;
	border-radius: 20px;
}

.submenu_1 li {
	position: relative;
	display: inline-block;
	margin-bottom: 7px;
}

.submenu_1 a {
	font-size: 22px;
	color: #828282;
	display: inline-block;
	line-height: 20px;
	padding: 8px 28px;
}

.submenu_1 li:hover>a,.submenu_1 li.sfHover>a {
	text-decoration: underline;
	color: #fff
}

.mText {
	display: inline-block;
	line-height: 60px;
	color: #bababa;
	font-size: 22px;
	position: relative;
}

.mTextOver {
	display: inline-block;
	line-height: 60px;
	color: #fff;
	font-size: 22px;
	position: absolute;
	left: 0;
	top: -42px;
}

.more {
	color: #020102;
	font-size: 22px;
	background: url(../images/button_sprite_1.png) 0 0 no-repeat;
	padding: 9px 20px;
	line-height: 25px;
}

.more:hover {
	text-decoration: none;
}

.more1 {
	color: gray;
	display: block;
	width:165px;
	height: 49px;
	background: url(../images/arrow.1.png) 100% 50% no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.more1>a{
	font-size: 22px;
	line-height: 49px;
}

.more1:hover {
	background: url(../images/arrow.2.png) 0 50% no-repeat;
	padding-left: 49px;
}

.more1>a:hover {
	text-decoration:none;
	color: #710018;
}

.more2 {
	color: gray;
	display: block;
	width:210px;
	height: 49px;
	background: url(../images/arrow.1.png) 100% 50% no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.more2>a{
	font-size: 22px;
	line-height: 49px;
}

.more2:hover {
	background: url(../images/arrow.2.png) 0 50% no-repeat;
	padding-left: 49px;
}

.more2>a:hover {
	text-decoration:none;
	color: #710018;
}

.figure2 {
	position: absolute;
	z-index: 1;
	left: 4px;
	
	width: 314px;
	height: 442px;
	display:block;
	overflow: hidden;
}

.figure2 img{
	position:absolute;
}

.scroll1 {
	width: 480px;
	height: 165px;
	margin-bottom: 0px;
	text-align: right;
}

.track {
	position: absolute;
	top: -5px;
	left: 510px;
	width: 15px;
	height: 297px;
	background: url(../images/extra6.png) 0 0 no-repeat;
}

.shuttle {
	position: relative;
	width: 15px;
	height: 89px;
	background: url(../images/extra5.png) 0 0% no-repeat;
	display: inline-block;
	z-index: 1;
}

.scroll2 {
	top: 25px;
	width: 740px;
	height: 228px;
	margin-bottom: 0px;
}

.track2 {
	position: absolute;
	top: -35px;
	left: 805px;
	width: 15px;
	height: 297px;
	background: url(../images/extra6.png) 0 0 no-repeat;
}

.shuttle2 {
	position: relative;
	width: 15px;
	height: 89px;
	background: url(../images/extra5.png) 0 0% no-repeat;
	display: inline-block;
	z-index: 1;
}

.scroll3 {
	width: 775px;
	height: 285px;
	margin-bottom: 0px;
}

.track3 {
	position: absolute;
	top: 10px;
	left: 805px;
	width: 15px;
	height: 297px;
	background: url(../images/extra6.png) 0 0 no-repeat;
}

.shuttle3 {
	position: relative;
	width: 15px;
	height: 89px;
	background: url(../images/extra5.png) 0 0% no-repeat;
	display: inline-block;
	z-index: 1;
}

._link1 {
	font-size: 14px;
	text-decoration: underline;
}

._link1:hover {
	font-size: 14px;
	text-decoration: none;
}

._up-butt {
	display: none;
}

._down-butt {
	display: none;
}

#setNav {
	position: relative;
	width: 600px;
	height: 25px;
	padding-bottom: 20px;
	float: left;
}

#setNav>li {
	background: url(../images/buttons.png) 100% 0 no-repeat;
	width:25px;
	height:25px;
	position: relative;
	float: left;
	margin-right:2px;
}

#setNav>li>a {
	font-family: "Times New Roman", serif;
	width:25px;
	height:25px;
	color: #bfbfbf;
	font-size: 14px;
	padding: 2px 0;
	text-decoration: none;
}

#setNav>li>a:hover {
	background: url(../images/buttons.png) 0 0 no-repeat;
	text-decoration: none;
	width:25px;
	height:25px;
}

#setNav .activeSet {
	background: url(../images/buttons.png) 0 0 no-repeat;
	text-decoration: none;
	color: #000;
}

#setNav .activeSet>a {
	color: #000;
}

#setNav .activeSet>a:hover {
	text-decoration: none;
}

.text1 {
	font-family: "Times New Roman", serif;
	color: #bfbfbf;
	font-size: 14px;
	position: relative;
	display: inline-block;
	float: left;
}

#scrollSets {
	position: relative;
	height: 230px;
}

._list {
	width: 740px;
}

._list>li {
	display: inline-block;
	width: 100%;
	height: 75px;
	border-top: 1px solid #2a2a2a;
	position: relative;
}

._list p {
	padding-bottom: 0;
	margin-top: 14px;
}

.figure1 {
	width: 355px;
	position: relative;
	float: left;
	margin-bottom: 27px;
}

.figure1 figcaption {
	width: 210px;
	position: relative;
	float: left;
}

.figure1 img {
	position: relative;
	float: left;
	margin-right: 20px;
}

.figure1 p {
	padding-bottom: 0;
}

.figure1 .magBot0 {
	margin-bottom: 0;
}
/* ============================= content ====================== */
#content {
	position: relative;
	z-index: 1;
	width: 902px;
	margin: 0 auto;
	display: block;
	margin-top: 35px;
}

#content>ul {
	width: 650px;
	height: 482px;
	z-index: 0;
	display: inline-block;
}

#content>ul>li {
	width: 650px;
	display: block;
	position: absolute;
	height: 480px;
}

.box {
	width: 902px;
	background: url(../images/contPlane.3.png) 0 0 no-repeat;
	overflow: hidden;
	position: relative;
	height: 450px;
}

.underline {
	text-decoration: underline;
}

.space1 {
	display: inline-block;
	width: 75px;
}

#bgStretch {
	overflow: hidden;
	z-index: -1;
}

#bgStretch img {
	background-color: #000;
}

.padBot1 {
	padding-bottom: 10px;
}

.padBot2 {
	padding-bottom: 14px;
}

.padBot3 {
	padding-bottom: 19px;
}

.padBot4 {
	padding-bottom: 21px;
}

.padBot5 {
	padding-bottom: 16px;
}

.padBot6 {
	padding-bottom: 16px;
}

.padBot7 {
	padding-bottom: 12px;
}

.magTop1 {
	margin-top: 22px;
}

.magTop2 {
	margin-top: 7px;
}

.magRight1 {
	margin-right: 50px;
}

.magRight2 {
	margin-right: 50px;
}

.color1 {
	color: #666666;
}

.color2 {
	color: #fff;
}

.color3 {
	color: #bfbfbf;
}

.overPlane {
	position: absolute;
	width: 105px;
	height: 63px;
	border: 1px solid #fff;
}

.closeButton {
	position: absolute;
	display: inline-block;
	width: 49px;
	height: 49px;
	left: 830px;
	top: 16px;
	z-index: 2;
}

.playButton {
	position: absolute;
	display: inline-block;
	width: 41px;
	height: 41px;
	left: 645px;
	top: 19px;
	z-index: 2;
}

.buyButton {
	position: absolute;
	display: inline-block;
	width: 41px;
	height: 41px;
	left: 700px;
	top: 19px;
	z-index: 2;
}

.title {
	width: 100%;
	position: relative;
	display: inline-block;
	text-align: center;
}

.title>span {
/* 	font-family: 'Alex Brush', cursive; */
	font-family: "Times New Roman", serif;
	font-style:italic;
	font-size: 80px;
	line-height: 110px;
	color: #fff;
}
/* ============================= footer ====================== */
footer {
	position: absolute;
	width: 100%;
	z-index: 2;
	height: 54px;
	display: inline-block;
	bottom: 0;
/* 	background: url(../images/extra1.png); */
}

.topBtn {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.mainFooter {
	background: url(../images/extra3.png) 50% 0 no-repeat;
	z-index: 2;
	margin: 0 auto;
	width: 902px;
	position: relative;
	height: 80px;
	margin-top: -21px;
	text-align: center;
}

.textPrivacy {
	font-size: 14px;
	color: #666666;
	display: inline-block;
	text-transform: uppercase;
	font-family: "Times New Roman", serif;
	letter-spacing: 0px;
}

.privHold {
	font-size: 10px;
	line-height: 20px;
	position: relative;
	display: inline-block;
	margin-top: 11px;
}

.navHolder {
	position: relative;
	width: 100%;
	display: inline-block;
}

.navHolder span {
	position: relative;
	display: inline-block;
	color: #fff;
	float: left;
	margin-right: 30px;
	font-family: "Times New Roman", serif;
	font-size: 14px;
}
/*===================================Map=====================================*/
.google_map {
	margin: 0;
	width: 300px;
	height: 245px;
	background: #fff;
	border-radius: 5px;
}
/* ============================= forms ============================= */
#ContactForm {
	padding: 0;
	position: relative;
	margin-top: 4px;
}

#ContactForm .bg {
	padding: 0;
}

#ContactForm .wrapper {
	overflow: inherit;
	min-height: 40px;
}

#ContactForm .success {
	padding-bottom: 1px;
	text-transform: uppercase;
	font-size: 10px;
	position: relative;
	float: left;
	color: #BFBFBF;
	width: 200px;
	font-family: "Times New Roman", serif;
	line-height: 13px;
}

#ContactForm .message {
	padding-top: 0px;
}

#ContactForm label {
	position: relative;
	display: inline-block;
	padding-bottom: 6px;
	float: left;
}

#ContactForm span {
	display: block
}

#ContactForm .error,#ContactForm .empty {
	font-size: 10px;
	color: #BFBFBF;
	line-height: 10px;
	display: none;
	width: 100%;
	top: 0px;
	position: relative;
	text-transform: uppercase;
	font-family: "Times New Roman", serif;
}

#ContactForm a {
	position: relative;
	z-index: 1;
}

#ContactForm a:hover {
	text-decoration: none;
}

#ContactForm .input {
	width: 225px;
	padding: 6px 15px 6px 15px;
	color: #BFBFBF;
	outline: none;
	font-size: 14px;
	font-family: "Times New Roman", serif;
	background: #393939;
	margin: 0;
	border-radius: 8px;
}

#ContactForm textarea {
	overflow: auto;
	margin: 0;
	width: 227px;
	height: 105px;
	background: #393939;
	padding: 7px 14px;
	color: #bfbfbf;
	resize: none;
	outline: none;
	font-size: 14px;
	font-family: "Times New Roman", serif;
	border-radius: 8px;
}

#ContactForm .block {
	display: inline-block;
	position: relative;
	width: 100%;
	float: left;
}

#ContactForm .magRight1 {
	margin-right: 16px;
}

.w2 {
	width: 560px;
}

.formButtons {
	position: relative;
	float: right;
	margin-top: 10px;
}

.formBtn {
	display: inline-block;
	padding: 0px 0px 0px 10px;
	position: relative;
}

.formBtn a:hover {
	text-decoration: none;
}

/* ============================= usluge ============================= */
.sinapse{
	width: 755px;
	height: 300px;
	position: absolute;
	display: none;
	left: 75px;
	top:22px;
	z-index: 50;
}

.centar{
	width: 132px;
	height: 128px;
	position: relative;
	display: block;
	left: 387px;
	top: 106px;
	z-index: 52;
	
}

.defektaza{
	width: 100px;
	height: 91px;
	position: absolute;
	display:none;
	left: 200px;
	top:8px;
	z-index: 51;
}

.defektaza >img{
	opacity:1;
}

.hidroizolacija{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 600px;
	top:8px;
	z-index: 51;
}

.hidroizolacija >img{
	opacity:1;
}

.molerskoFarbarskiRadovi{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 600px;
	top:246px;
	z-index: 51;
}

.molerskoFarbarskiRadovi >img{
	opacity:1;
}

.termika{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 200px;
	top:246px;
	z-index: 51;
}

.termika >img{
	opacity:1;
}

.zastitaOdSnegaILeda{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 717px;
	top:32px;
	z-index: 51;
}

.zastitaOdSnegaILeda >img{
	opacity:1;
}

.odrzavanje{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 83px;
	top:32px;
	z-index: 51;
}

.odrzavanje >img{
	opacity:1;
}

.montaza{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 717px;
	top:220px;
	z-index: 51;
}

.montaza >img{
	opacity:1;
}

.sanacija{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 83px;
	top:220px;
	z-index: 51;
}

.sanacija >img{
	opacity:1;
}

.zastitaOdPtica{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 794px;
	top:127px;
	z-index: 51;
}

.zastitaOdPtica >img{
	opacity:1;
}

.pranje{
	width: 100px;
	height: 91px;
	position: absolute;
	display: none;
	left: 10px;
	top:127px;
	z-index: 51;
}

.pranje >img{
	opacity:1;
}

#demo1{
	
}